<template>
  <div>
    <!-- 
      1. 组件上绑定的事件都是自定义事件，
      2. 如果需要绑定原生事件，需要添加一个修饰符 .native (原生)
      3. 加上 .native 绑定的原生事件，默认会绑定到组件的根元素身上。
     -->
    <HelloWrold :name="username" @click.native="onClick" />
  </div>
</template>

<script>
import HelloWrold from "./components/HelloWorld.vue";

export default {
  name: "App",

  components: {
    HelloWrold,
  },

  data() {
    return {
      username: "张三",
    };
  },

  methods: {
    onClick() {
      alert("onClick");
    },
  },
};
</script>

<style></style>
